<!-- eslint-disable vue/valid-v-bind -->
<!-- eslint-disable no-mixed-spaces-and-tabs -->
<!-- eslint-disable no-tabs -->
/** * Copyright (c) 2020 kedacom * OpenATC is licensed under Mulan PSL v2. * You
can use this software according to the terms and conditions of the Mulan PSL v2.
* You may obtain a copy of Mulan PSL v2 at: *
http://license.coscl.org.cn/MulanPSL2 * THIS SOFTWARE IS PROVIDED ON AN "AS IS"
BASIS, WITHOUT WARRANTIES OF ANY KIND, * EITHER EXPRESS OR IMPLIED, INCLUDING
BUT NOT LIMITED TO NON-INFRINGEMENT, * MERCHANTABILITY OR FIT FOR A PARTICULAR
PURPOSE. * See the Mulan PSL v2 for more details. **/
<template>
  <span class="icon-svg">
    <svg
      v-if="control === 1"
      t="1710900993490"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="11839"
      width="18"
      height="18"
    >
      <path
        d="M511.999516 1023.997741A303.811095 303.811095 0 0 1 207.059012 719.057237v-414.116733a304.940504 304.940504 0 0 1 609.881007 0v414.116733a303.811095 303.811095 0 0 1-304.940503 304.940504zM511.999516 75.293952A228.140673 228.140673 0 0 0 282.352963 304.940504v414.116733a229.646552 229.646552 0 0 0 459.293105 0v-414.116733A228.140673 228.140673 0 0 0 511.999516 75.293952z"
        :class="themeColor"
        p-id="11840"
      ></path>
      <path
        d="M511.999516 248.47004m-112.940928 0a112.940927 112.940927 0 1 0 225.881855 0 112.940927 112.940927 0 1 0-225.881855 0Z"
        fill="#A8A8A8"
        p-id="11841"
      ></path>
      <path
        d="M511.999516 511.998871m-112.940928 0a112.940927 112.940927 0 1 0 225.881855 0 112.940927 112.940927 0 1 0-225.881855 0Z"
        fill="#F7B500"
        p-id="11842"
      ></path>
      <path
        d="M511.999516 775.527701m-112.940928 0a112.940927 112.940927 0 1 0 225.881855 0 112.940927 112.940927 0 1 0-225.881855 0Z"
        fill="#A8A8A8"
        p-id="11843"
      ></path>
    </svg>
    <svg
      v-if="control === 2"
      t="1710901088359"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="11991"
      width="18"
      height="18"
    >
      <path
        d="M511.999516 1023.997741A303.811095 303.811095 0 0 1 207.059012 719.057237v-414.116733a304.940504 304.940504 0 0 1 609.881007 0v414.116733a303.811095 303.811095 0 0 1-304.940503 304.940504zM511.999516 75.293952A228.140673 228.140673 0 0 0 282.352963 304.940504v414.116733a229.646552 229.646552 0 0 0 459.293105 0v-414.116733A228.140673 228.140673 0 0 0 511.999516 75.293952z"
        :class="themeColor"
        p-id="11992"
      ></path>
      <path
        d="M511.999516 248.47004m-112.940928 0a112.940927 112.940927 0 1 0 225.881855 0 112.940927 112.940927 0 1 0-225.881855 0Z"
        fill="#FF3C3C"
        p-id="11993"
      ></path>
      <path
        d="M511.999516 511.998871m-112.940928 0a112.940927 112.940927 0 1 0 225.881855 0 112.940927 112.940927 0 1 0-225.881855 0Z"
        fill="#A8A8A8"
        p-id="11994"
      ></path>
      <path
        d="M511.999516 775.527701m-112.940928 0a112.940927 112.940927 0 1 0 225.881855 0 112.940927 112.940927 0 1 0-225.881855 0Z"
        fill="#A8A8A8"
        p-id="11995"
      ></path>
    </svg>
    <svg
    v-if="control === 3"
    t="1724393352770"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="12230"
    width="18"
    height="18"
  >
    <path
      d="M512 1024c-169.411765 0-304.941176-135.529412-304.941176-301.176471V304.941176C207.058824 135.529412 342.588235 0 512 0s304.941176 135.529412 304.941176 304.941176v414.117648c0 169.411765-135.529412 304.941176-304.941176 304.941176zM512 75.294118C387.764706 75.294118 282.352941 176.941176 282.352941 301.176471v417.882353c0 128 101.647059 229.647059 229.647059 229.647058 128 0 229.647059-101.647059 229.647059-229.647058v-414.117648c0-124.235294-101.647059-229.647059-229.647059-229.647058 3.764706 0 0 0 0 0z"
      :class="themeColor"
      p-id="12231"
    ></path>
    <path
      d="M512 248.470588m-112.941176 0a112.941176 112.941176 0 1 0 225.882352 0 112.941176 112.941176 0 1 0-225.882352 0Z"
      fill="#A8A8A8"
      p-id="12232"
    ></path>
    <path
      d="M512 512m-112.941176 0a112.941176 112.941176 0 1 0 225.882352 0 112.941176 112.941176 0 1 0-225.882352 0Z"
      fill="#A8A8A8"
      p-id="12233"
    ></path>
    <path
      d="M512 775.529412m-112.941176 0a112.941176 112.941176 0 1 0 225.882352 0 112.941176 112.941176 0 1 0-225.882352 0Z"
      fill="#A8A8A8"
      p-id="12234"
    ></path>
  </svg>
    <svg
      v-if="control === 4"
      t="1710901794501"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="12448"
      width="18"
      height="18"
    >
      <path
        d="M512 0a512 512 0 1 0 512 512A513.563359 513.563359 0 0 0 512 0z m0 945.832061a433.832061 433.832061 0 1 1 433.832061-433.832061 435.39542 435.39542 0 0 1-433.832061 433.832061z"
        :class="themeColor"
        p-id="12449"
      ></path>
      <path
        d="M730.870229 476.824427L488.549618 312.671756a66.833588 66.833588 0 0 0-105.526717 54.717557v332.21374a66.442748 66.442748 0 0 0 105.526717 54.717558l242.320611-164.152672a69.178626 69.178626 0 0 0 0-113.343512z"
        :class="themeColor"
        p-id="12450"
      ></path>
    </svg>
    <svg
      v-if="control === 0"
      t="1710901810937"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="12598"
      width="18"
      height="18"
    >
      <path
        d="M1020.716546 496.896109L700.689183 363.806755l110.324071-80.554083A371.249252 371.249252 0 0 0 149.068833 350.235143a52.535271 52.535271 0 0 1-48.595126 32.834545 51.659684 51.659684 0 0 1-19.700727-4.377939A54.724241 54.724241 0 0 1 53.191962 306.45575a481.573322 481.573322 0 0 1 444.798632-306.45575 477.633177 477.633177 0 0 1 399.705857 221.085934L1023.781103 131.338179zM200.290723 741.622916a371.687046 371.687046 0 0 0 662.382214-68.295853 51.659684 51.659684 0 0 1 66.982471-29.769987 56.037623 56.037623 0 0 1 27.581018 71.798204 481.573322 481.573322 0 0 1-445.67422 306.45575 478.508764 478.508764 0 0 1-398.830269-218.896964L0.218897 886.9705l3.064557-366.433518 319.151775 131.338178z"
        :class="themeColor"
        p-id="12599"
      ></path>
    </svg>
  </span>
</template>

<script>
import { getTheme } from '../../../../utils/auth.js'

export default {
  name: 'resultPanel',
  data () {
    return {
      themeColor: ''
    }
  },
  components: {},
  props: {
    control: {
      type: Number
    }
  },
  watch: {},
  methods: {},
  mounted () {
    this.themeColor = getTheme() === 'dark' ? 'darkBorder' : 'lightBorder'
  }
}
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
.lightBorder {
  fill: #515151;
}
.darkBorder {
  fill: #e6f9ff;
}
</style>
